import React from 'react';
import { View,Text } from 'react-native';
import Button from '@/c/Button'
// 仅支持 函数组件
import { observer } from 'mobx-react-lite';
import { useStores } from 'src/store';
// 要用 observer 包裹 这样才能完成响应式变化？（我好像不包也行呀）
const StoreTest_1 = observer(() => {
  const { tryStore } = useStores()
  // 理论上 不用继续在解构tryStore了，为的是防止 响应式失效
  // const { value, increment,listArr,addlist } = tryStore
  return (
    <>
      <View>
        <Text>{tryStore.value}{tryStore.double}</Text>
        <Text onPress={() => tryStore.increment()}>点我1</Text>
        <Text>{tryStore.listArr.join('-')}</Text>
        <Text onPress={() => tryStore.addlist()}>点我list</Text>
      </View>
    </>
  )
})

export default StoreTest_1;
